<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS背景属性</title>
</head>
<style>
    div{
        color: red;
        /*设置高度*/
        height: 380px;
        /*设置背景颜色*/
        background-color: gold;
        /*设置背景图片*/
        background-image: url("../../韩立.jpg");
        /*设置背景重复方式: repeat重复  repeat-x只在水平方向重复  repeat-y只在垂直方向重复  no-repeat不重复*/
        background-repeat: no-repeat;
        /*
        background-position设置背景图片位置:通过两个关键字设置 水平:left,center,right 垂直:top,center,bottom
        如果只写一个值,这个值会当作水平,那么另一个值就会被设置成center
        也可以通过坐标设置,以元素左上角为坐标原点,设置图片的左上角位置,用x,y设置,只设值一个值为x,y会被设置成center
         */
        background-position: 100px 20px;
    }

    div{
    /*    复合属性*/
        background: green url("../../韩立.jpg") no-repeat center center;
    }

</style>
<body>
<div>
    设置CSS的背景属性呀
</div>
</body>
</html>